<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp" %>

<div class="col-xs-12">
    <form:form commandName="demoStudentFilter" cssClass="form-horizontal" role="form">
        <div class="form-group">
            <label class="col-sm-2 control-label no-padding-right" for="sno">学号</label>
            <div class="col-sm-3">
                <input type="text" name="sno" id="sno" placeholder="学号" value="${demoStudent.sno }"
                       class="form-control">
            </div>
            <label class="col-sm-2 control-label no-padding-right" for="name">姓名</label>
            <div class="col-sm-3">
                <input type="text" name="name" id="name" placeholder="姓名" value="${demoStudent.name }"
                       class="form-control">
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label no-padding-right" for="gender">性别</label>
            <div class="col-sm-3">
                <select name="gender" id="gender" class="form-control">
                    <option value="">点击选择</option>
                    <option value="01" <c:if test="${demoStudent.gender == '01'}">selected="selected"</c:if>>男</option>
                    <option value="02" <c:if test="${demoStudent.gender == '02'}">selected="selected"</c:if>>女</option>
                </select>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label no-padding-right" for="birthdayStart">生日开始</label>
            <div class="col-sm-3">
                <div class="input-group">
                    <input type="text" name="birthdayStart" id="birthdayStart" class="form-control date-picker" />
                    <span class="input-group-addon">
				        <i class="fa fa-calendar bigger-110"></i>
			        </span>
                </div>
            </div>
            <label class="col-sm-2 control-label no-padding-right" for="birthdayEnd">生日结束</label>
            <div class="col-sm-3">
                <div class="input-group">
                    <input type="text" name="birthdayEnd" id="birthdayEnd" class="form-control date-picker" />
                    <span class="input-group-addon">
				        <i class="fa fa-calendar bigger-110"></i>
			        </span>
                </div>
            </div>
        </div>
    </form:form>
</div>
<script type="text/javascript">
    jQuery(function ($) {
        $('.date-picker').datepicker({
            inline: true,
            format: "yyyy-mm-dd",
            autoclose: true,
            todayHighlight: true,
            language: 'cn'
        })
        //show datepicker when clicking on the icon
            .next().on(ace.click_event, function () {
            $(this).prev().focus();
        });
    });
</script>